<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文章列表--layui后台管理模板</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="../../css/news.css" media="all" />
	<link rel="stylesheet" href="../../css/common.css" media="all" />
	<link rel="stylesheet" href="../../css/simple-calendar.css">
	<script  src="../../js/simple-calendar.js"></script>
	<script  src="../../js/echarts.min.js"></script>
</head>
<body class="childrenBody">

	<!--用户展示区域-->
	<div class="">
		<div class="">

	<!--表格展示区-->
			<div class="layui-form touxiangbox videoL">

				<blockquote class="search_box">
					<div class="layui-inline ">
						<a class="userrole_btn active">课堂曲线</a>

					</div>
				</blockquote>
				<div>
					<div>
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div id="main" style="width: 700px;height:400px;margin: 0 auto"></div>
						<script type="text/javascript">
                            // 基于准备好的dom，初始化echarts实例
                            var myChart = echarts.init(document.getElementById('main'));

                            // 指定图表的配置项和数据
                            var option = {
                                title: {
                                    text: '教师评分'
                                },
                                tooltip: {},

                                xAxis: {
                                    type: 'category',
                                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                },
                                yAxis: {
                                    type: 'value'
                                },
                                series: [{
                                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                                    type: 'line'
                                }]
                            };

                            // 使用刚指定的配置项和数据显示图表。
                            myChart.setOption(option);
						</script>
					</div>
					<div>
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div id="main2" style="width: 700px;height:400px;margin: 0 auto"></div>
						<script type="text/javascript">
                            // 基于准备好的dom，初始化echarts实例
                            var myChart2 = echarts.init(document.getElementById('main2'));

                            // 指定图表的配置项和数据
                            var option2 = {
                                title: {
                                    text: '奖杯数'
                                },
                                tooltip: {},

                                xAxis: {
                                    type: 'category',
                                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                },
                                yAxis: {
                                    type: 'value'
                                },
                                series: [{
                                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                                    type: 'line'
                                }]
                            };

                            // 使用刚指定的配置项和数据显示图表。
                            myChart2.setOption(option2);
						</script>
					</div>
				</div>
				<blockquote class="search_box">
					<div class="layui-inline ">
						<a class="userrole_btn active">成绩曲线</a>

					</div>

				</blockquote>
				<div>
					<div>
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div id="main3" style="width: 700px;height:400px;margin: 0 auto"></div>
						<script type="text/javascript">
                            // 基于准备好的dom，初始化echarts实例
                            var myChart3 = echarts.init(document.getElementById('main3'));

                            // 指定图表的配置项和数据
                            var option3 = {
                                title: {
                                    text: '作业成绩'
                                },
                                tooltip: {},

                                xAxis: {
                                    type: 'category',
                                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                                },
                                yAxis: {
                                    type: 'value'
                                },
                                series: [{
                                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                                    type: 'line'
                                }]
                            };

                            // 使用刚指定的配置项和数据显示图表。
                            myChart3.setOption(option3);
						</script>
					</div>
					<div>
						<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
						<div id="main4" style="width: 700px;height:400px;margin: 0 auto"></div>
						<script type="text/javascript">
                            // 基于准备好的dom，初始化echarts实例
                            var myChart4 = echarts.init(document.getElementById('main4'));

                            // 指定图表的配置项和数据
                            var option4 = {
                                title: {
                                    text: '考试成绩'
                                },
                                tooltip: {},

                                xAxis: {
                                    type: 'category',

                                },
                                yAxis: {
                                    type: 'value'
                                },
                                series: [{
                                    data: [820, 932, 901, 934, 1290, 1330, 1320],
                                    type: 'line'
                                }]
                            };

                            // 使用刚指定的配置项和数据显示图表。
                            myChart4.setOption(option4);
						</script>
					</div>
				</div>
				<p>分享我的报告</p>
				<div class="">
					<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a></div>
					<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{},"image":{"viewList":["weixin","tsina","sqq"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["weixin","tsina","sqq"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
				</div>
			</div>
			<div class="videoR">
				<button class="layui-btn add" style="width: 300px;margin: 20px auto">领取试听课程</button>
				<div style="height: 360px">
					<div>
						<div id='container'></div>
						<script>
                            var myCalendar = new SimpleCalendar('#container');
                            myCalendar.updateSize('300px', '300px');
                            myCalendar.showLunarCalendar(false);
                            myCalendar.showHoliday(false);
                            myCalendar.showSolarTerm(false);
						</script>
					</div>
				</div>
				<div class="qiandao">
					<button class="layui-btn" style="width: 200px;margin: 0 auto">签到</button>
				</div>
			</div>
	<!--layer分页-->
	<!--<div id="page"></div>-->
	<!--静态分页-->


	<script type="text/javascript" src="../../layui/layui.js"></script>

		<script type="text/javascript" src="index.js"></script>
		</div>
	</div>
	<!--添加弹窗-->
	<div class="mt20" id="addtype" >
		<form class="layui-form" action="">
			<div class="layui-form-item">
				<label class="layui-form-label "><span style="color: red">*</span>上课时间</label>
				<div class="layui-input-block  w200">
					<input type="text" class="layui-input newsTime" placeholder="上课日期" lay-verify="date" onclick="layui.laydate({elem:this})">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label ">其他要求</label>
				<div class="layui-input-block  w200">
					<textarea style="width: 200px;height: 60px"></textarea>
				</div>
			</div>



			<div class="layui-form-item">
				<div class="layui-input-block" style="margin-left: 130px;">
					<button class="layui-btn">提交</button>
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
				</div>
			</div>

		</form>
	</div>
</body>
</html>